iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 25
0
自我挑戰組

輕鬆Vue一下系列 第 25

Day25-v-charts/其他工具

  • 分享至 

  • xImage
  •  

工具箱

https://ithelp.ithome.com.tw/upload/images/20191009/20112076qpP8KvtY3q.jpg
它透過toolbox屬性將toolbox變數綁定,toolbox中又有magicTypesaveAsImage兩個屬性來設定工具箱功能,如下:
https://ithelp.ithome.com.tw/upload/images/20191009/20112076O2p1UKqSzK.jpg


區域縮放組件

https://ithelp.ithome.com.tw/upload/images/20191009/20112076sTYs3hAyE5.jpg
它透過data-Zoom屬性將dataZoom變數綁定,dataZoom中又有typestartend三個屬性分別用來設定區域的移動方式、區域開始位置以及區域結束位置,如下:
https://ithelp.ithome.com.tw/upload/images/20191009/20112076SZo5gl9wTU.jpg
1.移動區域後,結果如下:
https://ithelp.ithome.com.tw/upload/images/20191009/201120762f0HsjWxYQ.jpg
2.移動區域比例放大後,結果如下:
https://ithelp.ithome.com.tw/upload/images/20191009/20112076gLOGC6ZfyO.jpg
https://ithelp.ithome.com.tw/upload/images/20191009/20112076WvIidqXXdJ.jpg
明日預告:v-charts/屬性配置


上一篇
Day24-v-charts/環狀圖
下一篇
Day26-v-charts/屬性配置
系列文
輕鬆Vue一下30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言